<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="author" content="卢鹏程">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/popupInsert.css">
    <script type="text/javascript" src='js/jquery-2.0.3.js'></script>
    <script src="js/index.js"></script>
    <script src="js/login.js"></script>
    <script src="js/register.js"></script>
    <script src="js/carousel.js"></script>
    <script src="js/popupInsert.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <title>我图网主页</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }

        body {
            background-color: #f1f2f3;
            position: relative;
        }

        /*顶部导航栏*/
        header {
            width: 100%;
            min-width: 1226px;
            height: 88px;
            background-color: #fff;
        }

        nav {
            width: 1200px;
            height: 88px;
            margin: auto;
        }

        .nav-logo {
            width: 134px;
            height: 52px;
            float: left;
            margin: 20px 60px 0 0;
        }

        .nav-list {
            list-style-type: none;
            float: left;
        }

        .nav-li {
            float: left;
            margin-right: 40px;
            cursor: pointer;
            position: relative;
        }

        .nav-li-a {
            text-decoration: none;
            height: 88px;
            font-size: 16px;
            color: #333333;
            line-height: 88px;
        }

        .nav-right {
            float: right;
            height: 88px;
        }

        .nav-right-icon {
            float: left;
            height: 88px;
            line-height: 88px;
            font-size: 14px;
            color: #333333;
            margin-right: 50px;
            position: relative;
            cursor: pointer;
        }

        .nav-right-icon span {
            position: absolute;
            display: block;
            width: 18px;
            height: 18px;
            top: 37px;
            left: -21px;
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -24px;
            background-repeat: no-repeat;
        }

        .nav-right-users {
            float: left;
        }

        .nav-right-login {
            display: inline-block;
            position: relative;
        }

        .nav-login {
            height: 88px;
            line-height: 88px;
            font-size: 14px;
            color: #333333;
            display: inline-block;
            margin-right: 10px;
            cursor: pointer;
        }

        .nav-search {
            display: inline-block;
            margin-left: 10px;
            cursor: pointer;
            height: 88px;
            line-height: 88px;
            font-size: 14px;
            color: #333333;
        }
        .nav-login:hover{
            color:#00a460;
        }
        .nav-search:hover{
            color:#00a460;
        }
        /*顶部导航栏下拉菜单*/
        .dimension {
            width: 456px;
            padding: 0 38px;
            box-sizing: border-box;
            box-shadow: 0px 0px 8px #cccccc;
            background-color: #fff;
            position: absolute;
            top: 80px;
            left: -47px;
            display: none;
            z-index: 99;
        }

        .dimension-icon {
            width: 18px;
            height: 10px;
            display: block;
            position: absolute;
            top: -5px;
            left: 62px;
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -60px;
            background-repeat: no-repeat;
        }

        .dimension-title {
            height: 62px;
            line-height: 62px;
            font-size: 16px;
            font-family: 微软雅黑;
            border-bottom: 1px solid #dcdcdc;
        }

        .dimension-title span:last-child {
            color: #00a460;
            display: inline-block;
            margin: 0 10px;
        }

        .dimension-list {
            list-style-type: none;
            width: 33%;
            float: left;
            margin: 5px 0 14px;
        }

        .dimension-list li a {
            text-decoration: none;
            font-size: 14px;
            color: #7f7f7f;
            line-height: 32px;
        }

        .dimension-list li a:hover {
            color: #00a460;
        }

        /*顶部右侧登录下拉*/
        .logins {
            width: 137px;
            position: absolute;
            top: 80px;
            left: -50px;
            background-color: #fff;
            box-shadow: 0px 0px 8px #cccccc;
            display: none;
            z-index: 99;
        }

        .logins-icon {
            width: 18px;
            height: 10px;
            display: block;
            position: absolute;
            top: -5px;
            left: 60px;
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -60px;
            background-repeat: no-repeat;
        }

        .logins-a {
            display: block;
            width: 137px;
            height: 38px;
            line-height: 38px;
            text-align: center;
            text-decoration: none;
            color: #333333;
            font-size: 14px;
            position: relative;
        }
        /*.logins-a:nth-of-type(1) span:hover{*/
        /*background-image:url('./images/login-icon.png');*/
        /*background-position: -37px -38px;*/
        /*background-repeat: no-repeat;*/
        /*}*/
        /*轮播图部分*/
        .banner-box {
            position: relative;
        }

        .search-text {
            width: 750px;
            height: 75px;
            margin: 164px 0 0 -375px;
            position: absolute;
            left: 50%;
            top: 0;
            border: 3px solid rgba(0, 0, 0, 0.2);
            box-sizing: border-box;
            z-index: 90;
        }

        .search-text input {
            width: 638px;
            height: 69px;
            font-size: 16px;
            color: #333333;
            border: none;
            padding-left: 25px;
            box-sizing: border-box;
            position: relative;
        }

        .search-icon {
            width: 106px;
            height: 69px;
            background-color: #00a460;
            background-image: url('./images/search.png');
            background-position: center;
            background-repeat: no-repeat;
            float: right;
        }

        .search-icon:hover {
            background-color: #00b369;
        }

        /*搜索下拉框*/
        .search-list {
            width: 638px;
            height: 408px;
            position: absolute;
            top: 69px;
            left: -1px;
            border: 1px solid #00a460;
            background-color: #fff;
            display: none;
            z-index: 90;
        }

        .search-history {
            width: 638px;
            height: 87px;
            padding: 0 24px;
            border-bottom: 1px solid #e2e2e2;
            box-sizing: border-box;
        }

        .search-history span {
            font-size: 14px;
            color: #636363;
            margin: 9px 0 10px;
            display: inline-block;
        }

        .search-button button {
            border: none;
            height: 32px;
            line-height: 28px;
            text-align: center;
            color: #333333;
            font-size: 14px;
            border: 1px solid #e2e2e2;
            background-color: #f6f6f6;
            box-sizing: border-box;
            cursor: pointer;
        }

        .search-button button:first-child {
            width: 52px;
            margin-right: 5px;
        }

        .search-button button:last-child {
            width: 122px;
        }

        .search-button button:hover {
            border: none;
            color: #fff;
            background-color: #00a460;
        }

        .search-suggest {
            width: 638px;
        }

        .search-suggest span {
            font-size: 14px;
            color: #636363;
            margin: 9px 0 10px 20px;
            display: inline-block;
        }

        .search-suggest ul {
            list-style-type: none;
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            padding: 0 12px 0 20px;
            box-sizing: border-box;
        }

        .search-suggest ul li {
            float: left;
        }

        .search-suggest a {
            text-decoration: none;
            color: #b2b2b2;
        }

        .search-suggest ul:hover {
            background-color: #ebebeb;
        }

        .red-box .one-box {
            width: 18px;
            height: 18px;
            background-color: #ff6214;
            color: #fff;
            border-radius: 5px;
            line-height: 18px;
            text-align: center;
            margin-top: 10px;
        }

        .red-box .two-box {
            margin-left: 17px;
        }

        .red-box .three-box {
            float: right;
            color: #b2b2b2;
        }

        .default-box .one-box {
            width: 18px;
            height: 18px;
            background-color: #bcc2c4;
            color: #fff;
            border-radius: 5px;
            line-height: 18px;
            text-align: center;
            margin-top: 10px;
        }

        .default-box .two-box {
            margin-left: 17px;
        }

        .default-box .three-box {
            float: right;
            color: #b2b2b2;
        }

        /*导航第三部分。站点信息*/
        .main-info {
            width: 100%;
            height: 54px;
            background-color: #fff;
        }

        .info {
            width: 1200px;
            height: 54px;
            margin: auto;
        }

        .web-info {
            margin-left: 37px;
            float: left;
            line-height: 54px;
            font-size: 14px;
            color: #7f7f7f;
        }

        .web-info span {
            color: #ff7200;
        }

        .suggest-info {
            list-style-type: none;
            float: right;
        }

        .suggest-info li {
            float: left;
            font-size: 14px;
            color: #7f7f7f;
            line-height: 54px;
            margin-left: 40px;
        }

        .suggest-info li span {
            width: 26px;
            height: 26px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

        .suggest-info li:nth-of-type(1) span {
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -70px;
            background-repeat: no-repeat;
        }

        .suggest-info li:nth-of-type(2) span {
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -104px;
            background-repeat: no-repeat;
        }

        .suggest-info li:nth-of-type(3) span {
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -131px;
            background-repeat: no-repeat;
        }

        .suggest-info li:nth-of-type(4) span {
            background-image: url('./images/new-index-icon.png');
            background-position: 0px -161px;
            background-repeat: no-repeat;
        }

        /*分类栏*/
        .classify {
            width: 1200px;
            height: 106px;
            margin: 20px auto;
        }

        .classify div {
            width: 192px;
            height: 106px;
            margin-right: 9px;
            background-color: #fff;
            float: left;
            cursor: pointer;
        }

        .classify div:last-child {
            margin: 0px;
        }

        .classify span {
            width: 27px;
            height: 27px;
            display: block;
            margin: 27px auto 11px;
        }

        .classify p {
            color: #00b369;
            font-size: 18px;
            text-align: center;
            margin-bottom: 5px;
        }

        .classify div:nth-of-type(1) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -34px 3px;
            background-repeat: no-repeat;
        }

        .classify div:nth-of-type(2) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -34px -21px;
            background-repeat: no-repeat;
        }

        .classify div:nth-of-type(3) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -36px -55px;
            background-repeat: no-repeat;
        }

        .classify div:nth-of-type(4) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -38px -87px;
            background-repeat: no-repeat;
        }

        .classify div:nth-of-type(5) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -34px -118px;
            background-repeat: no-repeat;
        }

        .classify div:nth-of-type(6) span {
            background-image: url('./images/new-index-icon.png');
            background-position: -34px -148px;
            background-repeat: no-repeat;
        }

        /*分类hover事件*/
        .classify div:hover {
            background-color: #33ae6e;
        }

        .classify div:hover p {
            color: #fff;
        }

        .classify div:nth-of-type(1):hover span {
            background-position: -69px 3px;
        }

        .classify div:nth-of-type(2):hover span {
            background-position: -69px -21px;
        }

        .classify div:nth-of-type(3):hover span {
            background-position: -72px -55px;
        }

        .classify div:nth-of-type(4):hover span {
            background-position: -74px -87px;
        }

        .classify div:nth-of-type(5):hover span {
            background-position: -68px -118px;
        }

        .classify div:nth-of-type(6):hover span {
            background-position: -68px -148px;
        }

        /*专题推荐*/
        .recommend {
            width: 1200px;
            height: 518px;
            background-color: #fff;
            margin: 20px auto;
            padding: 0 22px 0 24px;
            box-sizing: border-box;
        }

        .recommend-title {
            width: 100%;
            height: 86px;
            color: #333333;
            font-size: 20px;
        }

        .recommend-title p {
            width: 168px;
            height: 86px;
            display: inline-block;
            line-height: 86px;
        }

        .recommend-title span {
            width: 27px;
            height: 25px;
            display: inline-block;
            margin-right: 20px;
            background-image: url('./images/new-index-icon.png');
            background-position: -34px -193px;
            background-repeat: no-repeat;
        }

        .recommend-main {
            width: 100%;
        }

        .recommend-main div {
            width: 272px;
            height: 182px;
            margin: 0 22px 34px 0;
            float: left;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }

        .recommend-main div:nth-of-type(4) {
            margin: 0;
        }

        .recommend-main div:nth-of-type(8) {
            margin: 0;
        }

        .recommend-mask {
            background-color: rgba(0, 0, 0, 0.5);
            position: absolute;
            top:-48px;
            left: 0;
            z-index: 99;
            transition: 0.3s ease;
        }

        .recommend-mask span {
            display: block;
            color: #fff;
            padding-top: 15px;
            text-align: center;
            font-size: 16px;
            transition: 0.3s ease;
        }
        .recommend-mask p{
            width:92px;
            height:30px;
            line-height: 30px;
            border-radius: 2px;
            background-color: #00b369;
            color:#fff;
            text-align: center;
            margin:14px auto 0 ;
        }
        .recommend-content:hover .recommend-mask{
            top: -186px;
        }
        .recommend-content:hover .recommend-mask span{
            padding-top: 60px;
        }
        .recommend-mask p:hover{
            background-color: #00a460;
        }
        /*页面遮罩层*/
        .body-mask{
            width:100%;
            height:100%;
            background-color: rgba(0,0,0,0.3);
            position: fixed;
            top: 0px;
            right: 0;
            left: 0;
            bottom: 0;
            z-index: 99998;
            display: none;
        }
        /*注册框*/
        .modal-register{
            width:568px;
            height:430px;
            margin:auto;
            position: fixed;
            z-index: 999;
            top: 50%;
            left: 50%;
            margin-left:-285px;
            margin-top:-215px;
            background-color: #fff;
            z-index: 99999;
            display: none;
        }
        .modal-logo{
            margin:30px auto 40px;
            text-align: center;
        }
        .modal-register-web{
            width:354px;
            height:281px;
            margin-bottom:50px;
            padding: 0 44px 0 42px;
            border-right: 1px solid #e5e5e5;
            box-sizing: border-box;
            position: relative;
            float: left;
        }
        .modal-register-other{
            width:214px;
            height:281px;
            float: left;
            padding: 22px 30px 0 30px;
            position: relative;
            box-sizing: border-box;
        }
        .modal-register-web form input{
            width:267px;
            height:37px;
            font-size: 14px;
            color:#919191;
            border:1px solid #e2e2e2;
            line-height: 37px;
            text-indent: 17px;
            box-sizing: border-box;
            margin-top:19px;
        }
        .modal-register-web form input:nth-of-type(4){
            width:13px;
            height:13px;
            border:1px solid #8e8f8f;
            border-radius: 0;
            box-sizing: border-box;
            margin-top:13px;
        }
        .modal-register-web form label{
            font-size: 14px;
            color:#b2b2b2;
            display: inline-block;
            margin-left:5px;
        }
        .modal-register-web form input:last-child{
            width:267px;
            height:37px;
            font-size: 16px;
            color:#fff;
            background-color: #1aba78;
            line-height: 35px;
            border:none;
            text-align: center;
            margin-top:15px;
            cursor:pointer;
        }
        .miss-password{
            display: inline-block;
            margin:16px 67px 0 0;
            font-size: 14px;
            color:#01b369;
            cursor:pointer;
        }
        .account-number{
            display: inline-block;
            margin-top:16px;
            font-size: 14px;
            color:#7f7f7f;
        }
        .account-number span{
            color:#01b369;
            cursor: pointer;
        }
        .modal-register-web-title{
            position: absolute;
            top:-7px;
            left:43px;
            width:267px;
            text-align: center;
        }
        .modal-register-web-title span:nth-of-type(1){
            display: inline-block;
            width:95px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-right:8px;
        }
        .modal-register-web-title span:nth-of-type(3){
            display: inline-block;
            width:95px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-left:9px;
        }
        .modal-register-other-title{
            position: absolute;
            top:-7px;
            left:0px;
            width:214px;
            text-align: center;
        }
        .modal-register-other-title span:nth-of-type(1){
            display: inline-block;
            width:32px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-right:8px;
        }
        .modal-register-other-title span:nth-of-type(3){
            display: inline-block;
            width:32px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-left:9px;
        }
        .modal-register-other-img{
            width:95px;
            height:164px;
            margin:auto;
            background-image: url('./images/other-login.png');
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        .close-register{
            width:18px;
            height:18px;
            position: absolute;
            top:20px;
            right:20px;
            background-image: url('./images/other-login.png');
            background-position: 0px -172px;
            background-repeat: no-repeat;
            cursor: pointer;
            transition: 0.4s ease;
        }
        .close-register:hover{
            transform: rotate(180deg);
        }
        /*登录框*/
        .modal-login{
            width:568px;
            height:352px;
            margin:auto;
            position: fixed;
            z-index: 999;
            top: 50%;
            left: 50%;
            margin-left:-285px;
            margin-top:-177px;
            background-color: #fff;
            z-index: 99999;
            display: none;
        }
        .modal-logo{
            margin:30px auto 40px;
            text-align: center;
        }
        .modal-login-web{
            width:354px;
            height:203px;
            margin-bottom:50px;
            padding: 0 44px 0 42px;
            border-right: 1px solid #e5e5e5;
            box-sizing: border-box;
            position: relative;
            float: left;
        }
        .modal-login-other{
            width:214px;
            height:203px;
            float: left;
            padding: 22px 30px 0 30px;
            position: relative;
            box-sizing: border-box;
        }
        .modal-login-web form input{
            width:267px;
            height:37px;
            font-size: 14px;
            color:#919191;
            border:1px solid #e2e2e2;
            line-height: 37px;
            text-indent: 17px;
            box-sizing: border-box;
            margin-top:19px;
        }
        .modal-login-web form input:last-child{
            width:267px;
            height:37px;
            font-size: 16px;
            color:#fff;
            background-color: #1aba78;
            line-height: 35px;
            border:none;
            text-align: center;
            margin-top:19px;
            cursor:pointer;
        }
        .modal-login-web-title{
            position: absolute;
            top:-7px;
            left:43px;
            width:267px;
            text-align: center;
        }
        .modal-login-web-title span:nth-of-type(1){
            display: inline-block;
            width:74px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-right:8px;
        }
        .modal-login-web-title span:nth-of-type(3){
            display: inline-block;
            width:74px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-left:9px;
        }
        .modal-login-other-title{
            position: absolute;
            top:-7px;
            left:0px;
            width:214px;
            text-align: center;
        }
        .modal-login-other-title span:nth-of-type(1){
            display: inline-block;
            width:32px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-right:8px;
        }
        .modal-login-other-title span:nth-of-type(3){
            display: inline-block;
            width:32px;
            height:1px;
            background-color: #e5e5e5;
            vertical-align: middle;
            margin-left:9px;
        }
        .modal-login-other-img{
            width:95px;
            height:164px;
            margin:auto;
            background-image: url('./images/other-login.png');
            background-position: 0 0;
            background-repeat: no-repeat;
        }
        .close-login{
            width:18px;
            height:18px;
            position: absolute;
            top:20px;
            right:20px;
            background-image: url('./images/other-login.png');
            background-position: 0px -172px;
            background-repeat: no-repeat;
            cursor: pointer;
            transition: 0.4s ease;
        }
        .close-login:hover{
            transform: rotate(180deg);
        }
        /*客服*/
        .custom-service{
            width:66px;
            height:302px;
            position: fixed;
            right:5px;
            top:46.5%;
            background-color: #fff;
            box-shadow: 0 1px 8px #cccccc;
            z-index: 99;
            transition:0.2s ease;
        }
        .aside-qq{
            width:100%;
            height:82px;
            background-image: url('./images/position-right.png');
            background-position: 0px 0px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        .aside-weixin{
            width:100%;
            height:81px;
            background-image: url('./images/position-right.png');
            background-position: 0px -83px;
            background-repeat: no-repeat;
            cursor: pointer;
            position: relative;
        }
        .aside-suggestion{
            width:100%;
            height:81px;
            background-image: url('./images/position-right.png');
            background-position: 0px -165px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        .aside-goTop{
            width:100%;
            height:58px;
            background-image: url('./images/position-right.png');
            background-position: 0px -246px;
            background-repeat: no-repeat;
            cursor: pointer;
        }
        .aside-qq:hover{
            background-position: -67px 0px;
        }
        .aside-weixin:hover{
            background-position: -67px -83px;
        }
        .aside-weixin:hover span{
            width:143px;
            height:143px;
            display: block;
            position: absolute;
            top:0px;
            left:-146px;
            background-image: url('./images/position-right.png');
            background-position: -134px 0px;
            background-repeat: no-repeat;
        }
        .aside-suggestion:hover{
            background-position: -67px -165px;
        }
        .aside-goTop:hover{
            background-position: -67px -247px;
        }
        /*优质客户*/
        .customer{
            width:1200px;
            height:223px;
            margin:14px auto 34px;
            background-color: #fff;
        }
        .customer-title{
            width:100%;
            padding: 0 50px 0 44px;
            box-sizing: border-box;
        }
        .customer-title{
            display: inline-block;
            height: 84px;
            line-height: 84px;
            font-size: 20px;
            color: #000;
            margin-right: 18px;
        }
        /*合作伙伴*/
        .cooperative-partner{
            width:1200px;
            margin:0 auto 20px;
            padding: 50px 42px 32px 25px;
            box-sizing: border-box;
            background-color: #fff;
        }
        .cooperative-partner-title{
            width:100%;
        }
        .cooperative-partner-title span{
            font-size: 18px;
            color:#aaaaaa;
            margin-right:40px;
            overflow: hidden;
            cursor: pointer;
        }
        #active{
            color:#009900;
        }
        .cooperative-partner-title span:hover{
            color: #009900;
        }
        .cooperative-partner-content-box{
            width:100%;
        }
        .cooperative-partner-content{
            width:100%;
            margin-top:32px;
            display: none;
        }
        .cooperative-partner-content a{
            text-decoration: none;
            color:#aaaaaa;
            font-size: 14px;
            line-height: 28px;
            margin-right:14px;
            /*
              white-space:
            normal：默认处理方式。
            pre： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象
            nowrap：强制在同一行内显示所有文本，合并文本间的多余空白，直到文本结束或者遭遇br对象。
            pre-wrap：用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。
            pre-line：保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。
            */
            white-space: nowrap;
        }
        .cooperative-partner-content span{
            color: #aaaaaa;
            font-size: 14px;
            line-height: 28px;
        }
        .cooperative-partner-content a:hover{
            color: #009900;
        }
        /*底部*/
        .footer{
            width:100%;
            min-width: 1200px;
            height:275px;
            margin:auto;
            background-color: #fff;
        }
        .footer-box{
            width:1200px;
            height:275px;
            margin:auto;
        }
        .footer-safeimg{
            width:181px;
            height:140px;
            margin:75px 40px 0 0;
            float: left;
            background-image: url('./images/topandfooter.png');
            background-position: 0px -140px;
            background-repeat: no-repeat;
        }
        .trading-platform{
            width:482px;
            height:155px;
            margin-top:65px;
            float: left;
            border-right:1px solid #aaaaaa;
            box-sizing: border-box;
        }
        .trading-platform-title{
            display: block;
            font-size: 30px;
            color: #7f7f7f;
        }
        .trading-platform p{
            font-size: 16px;
            color:#7f7f7f;
            margin-top:10px;
            line-height: 28px;
            letter-spacing: 1px;
        }
        .trading-platform-service{
            display: block;
            font-size: 16px;
            color:#7f7f7f;
            margin-top:10px;
        }
        .trading-platform-service span{
            width:112px;
            height:36px;
            display: inline-block;
            margin-right:19px;
            cursor: pointer;
            vertical-align: -3px;
            background-image: url('./images/topandfooter.png');
            background-position: -42px 0px;
            background-repeat: no-repeat;
        }
        .customer-guide{
            width:286px;
            margin-top:65px;
            height:155px;
            float: left;
            padding: 0 60px 0 55px;
            border-right: 1px solid #aaaaaa;
            box-sizing: border-box;
        }
        .customer-guide span{
            display: block;
            font-size: 18px;
            color:#7f7f7f;
            margin-bottom:26px;
        }
        .customer-guide ul{
            list-style-type: none;
            float: left;
        }
        .customer-guide ul:nth-of-type(1){
            margin-right:52px;
        }
        .customer-guide ul li{
            font-size: 14px;
            color:#7f7f7f;
            margin-bottom:9px;
            cursor: pointer;
        }
        .customer-guide ul li:hover{
            color:#00b369;
        }
        .safety-system{
            width:211px;
            height:155px;
            margin-top:65px;
            padding-left: 57px;
            float: left;
            box-sizing: border-box;
        }
        .safety-system span:nth-of-type(1){
            display: block;
            font-size: 18px;
            color:#7f7f7f;
            margin-bottom: 24px;
        }
        .safety-system span:nth-of-type(2){
            display: block;
            width:142px;
            height:47px;
            margin-bottom:10px;
            background-image: url('./images/topandfooter.png');
            background-position: -42px -40px;
            background-repeat: no-repeat;
        }
        .safety-system span:nth-of-type(3){
            display: block;
            width:142px;
            height:47px;
            background-image: url('./images/topandfooter.png');
            background-position: -42px -89px;
            background-repeat: no-repeat;
        }
        .copy-right{
            width:100%;
            min-width: 1200px;
            height:82px;
            margin:auto;
            background-color: #565656;
        }
        .copy-right-box{
            width:1200px;
            margin:auto;
            background-color: #565656;
        }
        .copy-right-box p{
            font-size: 12px;
            color:#a9a9a9;
            float: left;
            line-height: 24px;
            margin-top:16px;
            font-family: 宋体;
        }
        .copy-right-box span{
            font-size: 16px;
            font-family: 宋体;
            color:#a9a9a9;
            display: block;
            float: right;
            margin-top:31px;
            margin-right:15px;
            cursor: pointer;
        }
        .copy-right-box span img{
            display: inline-block;
            width:44px;
            height:44px;
            vertical-align: middle;
        }
        /*固定导航栏*/
        .fixed-navbar{
            width:100%;
            min-width:960px;
            height:90px;
            margin:auto;
            position: fixed;
            top:-89px;
            background-color: #fff;
            display: none;
            transition: 4.5s ease;
            z-index: 9999;
        }
        .fixed-navbar-box{
            width:960px;
            height:90px;
            margin:auto;
        }
        .fixed-navbar-box img{
            margin-top:29px;
        }
        .fixed-navbar-search {
            width: 716px;
            height: 50px;
            margin: 18px 0 0 112px;
            border: 2px solid #00a460;
            border-radius: 2px;
            float: right;
            box-sizing: border-box;
            position: relative;
            z-index: 9999;
        }

        .fixed-navbar-search input {
            width: 636px;
            height: 46px;
            font-size: 14px;
            color: #b2b2b2;
            border: 0;
            padding-left: 25px;
            box-sizing: border-box;
            position: relative;
            z-index: 99999;
        }

        .fixed-search-icon {
            width: 76px;
            height: 46px;
            background-color: #00a460;
            background-image: url('./images/search.png');
            background-position: center;
            background-repeat: no-repeat;
            float: right;
        }

        .fixed-search-icon:hover {
            background-color: #00b369;
        }

        /*搜索下拉框*/
        .fixed-search-list {
            width: 638px;
            height: 411px;
            position: absolute;
            top: 47px;
            left: -1px;
            border: 1px solid #00a460;
            background-color: #fff;
            display: none;
            z-index: 90;
        }

        .fixed-search-history {
            width: 640px;
            height: 87px;
            padding: 0 24px;
            border-bottom: 1px solid #e2e2e2;
            box-sizing: border-box;
        }

        .fixed-search-history span {
            font-size: 14px;
            color: #636363;
            margin: 9px 0 10px;
            display: inline-block;
        }

        .fixed-search-button button {
            border: none;
            height: 32px;
            line-height: 28px;
            text-align: center;
            color: #333333;
            font-size: 14px;
            border: 1px solid #e2e2e2;
            background-color: #f6f6f6;
            box-sizing: border-box;
            cursor: pointer;
        }

        .fixed-search-button button:first-child {
            width: 52px;
            margin-right: 5px;
        }

        .fixed-search-button button:last-child {
            width: 122px;
        }

        .fixed-search-button button:hover {
            border: none;
            color: #fff;
            background-color: #00a460;
        }

        .fixed-search-suggest {
            width: 638px;
        }

        .fixed-search-suggest span {
            font-size: 14px;
            color: #636363;
            margin: 9px 0 10px 20px;
            display: inline-block;
        }

        .fixed-search-suggest ul {
            list-style-type: none;
            float: left;
            width: 100%;
            height: 35px;
            line-height: 35px;
            padding: 0 12px 0 20px;
            box-sizing: border-box;
        }

        .fixed-search-suggest ul li {
            float: left;
        }

        .fixed-search-suggest a {
            text-decoration: none;
            color: #b2b2b2;
        }

        .fixed-search-suggest ul:hover {
            background-color: #ebebeb;
        }
        /*最后记得删除*/
        .blank {

        }

    </style>
</head>
<body>
<header>
    <!--顶部导航栏-->
    <nav>
        <div class="nav-logo"><img src="./images/logo.png" alt=""></div>
        <ul class="nav-list clearfix">
            <li class="nav-li">
                <a class="nav-li-a" href="javascript:;">背景墙</a>
                <div class="dimension">
                    <span class="dimension-icon"></span>
                    <div class="dimension-title">
                        <span>背景墙|装饰画</span><span>899615</span>张
                    </div>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">电视背景墙</a></li>
                        <li><a href="javascript:;">无框画</a></li>
                        <li><a href="javascript:;">油画</a></li>
                        <li><a href="javascript:;">工装背景墙</a></li>
                        <li><a href="javascript:;">吊顶|天顶壁画</a></li>
                        <li><a href="javascript:;">毛笔书法</a></li>
                        <li><a href="javascript:;">其他</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">玄关</a></li>
                        <li><a href="javascript:;">3D地板</a></li>
                        <li><a href="javascript:;">山水风景画</a></li>
                        <li><a href="javascript:;">全屋背景墙</a></li>
                        <li><a href="javascript:;">照片墙</a></li>
                        <li><a href="javascript:;">卫浴背景墙</a></li>
                        <li><a href="javascript:;">厨房背景墙</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">强纸</a></li>
                        <li><a href="javascript:;">3D桌面|台面</a></li>
                        <li><a href="javascript:;">壁画</a></li>
                        <li><a href="javascript:;">大理石贴图</a></li>
                        <li><a href="javascript:;">隔断|屏风</a></li>
                        <li><a href="javascript:;">墙贴</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-li">
                <a class="nav-li-a" href="javascript:;">平面|广告设计</a>
                <div class="dimension">
                    <span class="dimension-icon"></span>
                    <div class="dimension-title">
                        <span>背景墙|装饰画</span><span>899615</span>张
                    </div>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">电视背景墙</a></li>
                        <li><a href="javascript:;">无框画</a></li>
                        <li><a href="javascript:;">油画</a></li>
                        <li><a href="javascript:;">工装背景墙</a></li>
                        <li><a href="javascript:;">吊顶|天顶壁画</a></li>
                        <li><a href="javascript:;">毛笔书法</a></li>
                        <li><a href="javascript:;">其他</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">玄关</a></li>
                        <li><a href="javascript:;">3D地板</a></li>
                        <li><a href="javascript:;">山水风景画</a></li>
                        <li><a href="javascript:;">全屋背景墙</a></li>
                        <li><a href="javascript:;">照片墙</a></li>
                        <li><a href="javascript:;">卫浴背景墙</a></li>
                        <li><a href="javascript:;">厨房背景墙</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">强纸</a></li>
                        <li><a href="javascript:;">3D桌面|台面</a></li>
                        <li><a href="javascript:;">壁画</a></li>
                        <li><a href="javascript:;">大理石贴图</a></li>
                        <li><a href="javascript:;">隔断|屏风</a></li>
                        <li><a href="javascript:;">墙贴</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-li">
                <a class="nav-li-a" href="javascript:;">PPT模板</a>
                <div class="dimension">
                    <span class="dimension-icon"></span>
                    <div class="dimension-title">
                        <span>背景墙|装饰画</span><span>899615</span>张
                    </div>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">电视背景墙</a></li>
                        <li><a href="javascript:;">无框画</a></li>
                        <li><a href="javascript:;">油画</a></li>
                        <li><a href="javascript:;">工装背景墙</a></li>
                        <li><a href="javascript:;">吊顶|天顶壁画</a></li>
                        <li><a href="javascript:;">毛笔书法</a></li>
                        <li><a href="javascript:;">其他</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">玄关</a></li>
                        <li><a href="javascript:;">3D地板</a></li>
                        <li><a href="javascript:;">山水风景画</a></li>
                        <li><a href="javascript:;">全屋背景墙</a></li>
                        <li><a href="javascript:;">照片墙</a></li>
                        <li><a href="javascript:;">卫浴背景墙</a></li>
                        <li><a href="javascript:;">厨房背景墙</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">强纸</a></li>
                        <li><a href="javascript:;">3D桌面|台面</a></li>
                        <li><a href="javascript:;">壁画</a></li>
                        <li><a href="javascript:;">大理石贴图</a></li>
                        <li><a href="javascript:;">隔断|屏风</a></li>
                        <li><a href="javascript:;">墙贴</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-li">
                <a class="nav-li-a" href="javascript:;">全部分类</a>
                <div class="dimension">
                    <span class="dimension-icon"></span>
                    <div class="dimension-title">
                        <span>背景墙|装饰画</span><span>899615</span>张
                    </div>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">电视背景墙</a></li>
                        <li><a href="javascript:;">无框画</a></li>
                        <li><a href="javascript:;">油画</a></li>
                        <li><a href="javascript:;">工装背景墙</a></li>
                        <li><a href="javascript:;">吊顶|天顶壁画</a></li>
                        <li><a href="javascript:;">毛笔书法</a></li>
                        <li><a href="javascript:;">其他</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">玄关</a></li>
                        <li><a href="javascript:;">3D地板</a></li>
                        <li><a href="javascript:;">山水风景画</a></li>
                        <li><a href="javascript:;">全屋背景墙</a></li>
                        <li><a href="javascript:;">照片墙</a></li>
                        <li><a href="javascript:;">卫浴背景墙</a></li>
                        <li><a href="javascript:;">厨房背景墙</a></li>
                    </ul>
                    <ul class="dimension-list">
                        <li><a href="javascript:;">强纸</a></li>
                        <li><a href="javascript:;">3D桌面|台面</a></li>
                        <li><a href="javascript:;">壁画</a></li>
                        <li><a href="javascript:;">大理石贴图</a></li>
                        <li><a href="javascript:;">隔断|屏风</a></li>
                        <li><a href="javascript:;">墙贴</a></li>
                    </ul>
                </div>
            </li>
            <li class="nav-li"><a class="nav-li-a" href="javascript:;">VIP素材</a></li>
        </ul>
        <div class="nav-right">
            <div class="nav-right-icon"><span></span>开店赚钱</div>
            <div class="nav-right-users">
                <div class="nav-right-login">
                    <span class="nav-login">登录</span>
                    <div class="logins">
                        <span class="logins-icon"></span>
                        <a class="logins-a" href="javascript:;">退出登录</a>
                        <a class="logins-a" href="javascript:;">个人资料</a>
                    </div>
                </div>
                |<span class="nav-search">注册</span>
            </div>
        </div>
    </nav>
</header>
<div class="banner-box">
    <!--轮播图-->
    <div class="carousel">
        <div class="carousel_main">
            <ul class="carousel_ul">
                <li><a href="javascript:;" class="img"><img src="./images/banner1.jpg"/></a></li>
                <li><a href="javascript:;" class="img"><img src="./images/banner2.jpg"/></a></li>
                <li><a href="javascript:;" class="img"><img src="./images/banner3.jpg"/></a></li>
                <li><a href="javascript:;" class="img"><img src="./images/banner4.jpg"/></a></li>
                <li><a href="javascript:;" class="img"><img src="./images/banner5.jpg"/></a></li>
            </ul>
        </div>
        <p class="carousel_left"></p>
        <p class="carousel_right"></p>
        <div class="carousel_span"><p></p></div>
    </div>
    <div class="search-text">
        <input type="text" placeholder="请输入标题、关键字、编号搜索">
        <a class="search-icon" href="javascript:;"></a>
        <div class="search-list">
            <div class="search-history">
                <span>历史搜索</span>
                <div class="search-button">
                    <button>鸡年</button>
                    <button>十八届六中全会</button>
                </div>
            </div>
            <div class="search-suggest">
                <span>大家都在搜</span>
                <ul class="red-box clearfix">
                    <li class="one-box">1</li>
                    <li class="two-box"><a href="javascript">双11</a></li>
                    <li class="three-box">18645结果</li>
                </ul>
                <ul class="red-box clearfix">
                    <li class="one-box">2</li>
                    <li class="two-box"><a href="javascript">2017年日历</a></li>
                    <li class="three-box">2066结果</li>
                </ul>
                <ul class="red-box clearfix">
                    <li class="one-box">3</li>
                    <li class="two-box"><a href="javascript">十八届六中全会</a></li>
                    <li class="three-box">1021结果</li>
                </ul>
                <ul class="default-box clearfix">
                    <li class="one-box">4</li>
                    <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                    <li class="three-box">749结果</li>
                </ul>
                <ul class="default-box clearfix">
                    <li class="one-box">5</li>
                    <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                    <li class="three-box">749结果</li>
                </ul>
                <ul class="default-box clearfix">
                    <li class="one-box">6</li>
                    <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                    <li class="three-box">749结果</li>
                </ul>
                <ul class="default-box clearfix">
                    <li class="one-box">7</li>
                    <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                    <li class="three-box">749结果</li>
                </ul>
                <ul class="default-box clearfix">
                    <li class="one-box">8</li>
                    <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                    <li class="three-box">749结果</li>
                </ul>
            </div>
        </div>
    </div>
</div>
<!--信息介绍-->
<div class="main-info">
    <div class="info">
        <div class="web-info">
            我图会员数：<span>19,695,028</span> 人&#x3000&#x3000
            作品总数：<span>3,692,949</span> 张
        </div>
        <ul class="suggest-info">
            <li><span></span>原创可商用</li>
            <li><span></span>海量更新</li>
            <li><span></span>高速下载</li>
            <li><span></span>完美售后</li>
        </ul>
    </div>
</div>
<!--分类-->
<div class="classify clearfix">
    <div>
        <span></span>
        <p>背景墙</p>
    </div>
    <div>
        <span></span>
        <p>平面|广告设计</p>
    </div>
    <div>
        <span></span>
        <p>PTT模板</p>
    </div>
    <div>
        <span></span>
        <p>淘宝设计</p>
    </div>
    <div>
        <span></span>
        <p>视频素材</p>
    </div>
    <div>
        <span></span>
        <p>更多分类</p>
    </div>
</div>
<!--专题推荐-->
<div class="recommend">
    <div class="recommend-title">
        <p><span></span>精选专题推荐</p>
    </div>
    <div class="recommend-main">
        <div class="recommend-content">
            <img src="./images/recommend1.jpg" alt="">
            <div class="recommend-mask">
                <span>2017鸡年素材</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend2.jpg" alt="">
            <div class="recommend-mask">
                <span>珠宝背景墙</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend3.jpg" alt="">
            <div class="recommend-mask">
                <span>工作总结PPT</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend4.jpg" alt="">
            <div class="recommend-mask">
                <span>精品无框画</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend5.jpg" alt="">
            <div class="recommend-mask">
                <span>震撼片头模板</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend6.jpg" alt="">
            <div class="recommend-mask">
                <span>十八届六中全会</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend7.jpg" alt="">
            <div class="recommend-mask">
                <span>淘宝双11素材</span>
                <p>点击查看 ></p>
            </div>
        </div>
        <div class="recommend-content">
            <img src="./images/recommend8.jpg" alt="">
            <div class="recommend-mask">
                <span>颁奖晚会PPT</span>
                <p>点击查看 ></p>
            </div>
        </div>
    </div>
</div>
<!--优质客户-->
<div class="customer">
    <div class="customer-title">
        <span>我们的优质客户</span>
    </div>
    <img src="./images/list-5.jpg" alt="">
</div>
<!--合作伙伴-->
<div class="cooperative-partner">
    <div class="cooperative-partner-title">
        <span id="active">合作伙伴</span>
        <span>新设计</span>
        <span>热门平面</span>
        <span>热门背景墙</span>
        <span>热门PPT</span>
        <span>热门淘宝</span>
        <span>热门视频</span>
        <span>热门素材</span>
        <span>推荐专题</span>
    </div>
    <div class="cooperative-partner-content-box">
        <div class="cooperative-partner-content cooperative-content1" style="display:block">
            <a href="javascript:;">千图网</a>
            <a href="javascript:;">POCO摄影网</a>
            <a href="javascript:;">365音乐网</a>
            <a href="javascript:;">火影忍者漫画</a>
            <a href="javascript:;">动画大全</a>
            <a href="javascript:;">桌面背景</a>
            <a href="javascript:;">三联</a>
            <a href="javascript:;">婚纱摄影</a>
            <a href="javascript:;">地图查询</a>
            <a href="javascript:;">发型设计</a>
            <a href="javascript:;">天堂图片网</a>
            <a href="javascript:;">A5站长网</a>
            <a href="javascript:;">3D溜溜网</a>
            <a href="javascript:;">5068儿童网</a>
            <a href="javascript:;">软件下载天堂</a>
            <a href="javascript:;">CC漫画下载</a>
            <a href="javascript:;">筑龙网</a>
            <a href="javascript:;">建材</a>
            <a href="javascript:;">家居网</a>
            <a href="javascript:;">爱美女性网</a>
            <a href="javascript:;">图片素材网</a>
            <a href="javascript:;">唯美图片</a>
            <a href="javascript:;">装修网</a>
            <a href="javascript:;">猪八戒</a>
            <a href="javascript:;">90设计</a>
            <a href="javascript:;">千图网</a>
            <a href="javascript:;">买房网</a>
            <a href="javascript:;">家居网</a>
            <a href="javascript:;">千广网</a>
            <a href="javascript:;">装修</a>
            <a href="javascript:;">包图网</a>
            <a href="javascript:;">十八届六中全会展板</a>
            <a href="javascript:;">年终总结PPT模板</a>
            <a href="javascript:;">16素材网</a>
            <a href="javascript:;">内涵图</a>
            <a href="javascript:;">我图网素材下载</a>
            <a href="javascript:;">电脑百事网</a>
            <a href="javascript:;">歌曲大全</a>
            <a href="javascript:;">桌面壁纸</a>
            <a href="javascript:;">装修网</a>
            <a href="javascript:;">汽车报价</a>
            <a href="javascript:;">7399小游戏</a>
            <a href="javascript:;">播视网视频</a>
            <a href="javascript:;">学习啦</a>
            <a href="javascript:;">鸡年海报</a>
            <a href="javascript:;">孔夫子旧书网</a>
            <a href="javascript:;">更多>></a>
            <span>友情链接请联系 QQ群：383130336</span>
        </div>
        <div class="cooperative-partner-content cooperative-content2">
            <a href="javascript:;">读书小报电子手抄报word简单完整模板</a>
            <a href="javascript:;">喜迎新春干支水墨梅花背景墙</a>
            <a href="javascript:;">红色喜庆圣诞节小报手抄报模板素材</a>
            <a href="javascript:;">丰胸隆胸美容整形双眼皮海报</a>
            <a href="javascript:;">简单完整读书小报电子手抄报word模板</a>
            <a href="javascript:;">蓝色简约简历封面模版</a>
            <a href="javascript:;">优雅质感方块Logo展示片头AE模板</a>
            <a href="javascript:;">炫彩时尚颤抖线条背景</a>
            <a href="javascript:;">简单读书小报电子手抄报word卡通模板</a>
            <a href="javascript:;">中国石油油管局油田化工炼油动态PPT</a>
            <a href="javascript:;">淘宝天猫海报设计字体促销标签毛笔字元素</a>
            <a href="javascript:;">3D方块世界地图</a>
            <a href="javascript:;">3D玉雕吉祥如意壁画客厅电视背景墙</a>
            <a href="javascript:;">会声会影x6儿童写真模板</a>
            <a href="javascript:;">感恩节小报读书品德思想教育电子手抄小报</a>
            <a href="javascript:;">高清立体抽象油画艺术玄关（一百九十）</a>
            <a href="javascript:;">韩式半永久定妆价目表</a>
            <a href="javascript:;">韩式半永久定妆价目表</a>
            <a href="javascript:;">三八妇女节时尚魅力美容化妆品促销海报</a>
            <a href="javascript:;">奢华唯美简约珠宝花朵电视背景墙花开富贵</a>
            <a href="javascript:;">蓝色科技感工作总结计划PPT动态模板</a>
            <a href="javascript:;">【清新】商务办公多彩扁平PPT模板</a>
            <a href="javascript:;">【干净整洁】多彩扁平商务策划分析PPT</a>
            <a href="javascript:;">【欧美风】时尚类公司简介品牌推广PPT</a>
            <a href="javascript:;">2017年绿色总结PPT模板</a>
            <a href="javascript:;">多彩电商数据分析报告汇报PPT模板</a>
            <a href="javascript:;">微商招募令海报设计</a>
            <a href="javascript:;">佛字艺术字体创意矢量书法</a>
            <a href="javascript:;">儿童拉杆箱</a>
            <a href="javascript:;">北欧风格简约复古木纹树林麋鹿电视背景墙</a>
            <a href="javascript:;">儿童拉杆箱+旅行箱</a>
            <a href="javascript:;">卡通美少女表情包PNG素材集合</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content3">
            <a href="javascript:;">2017年日历</a>
            <a href="javascript:;">名片模板</a>
            <a href="javascript:;">名片设计</a>
            <a href="javascript:;">授权书模板</a>
            <a href="javascript:;">两学一做展板</a>
            <a href="javascript:;">易拉宝</a>
            <a href="javascript:;">创意工作牌设计</a>
            <a href="javascript:;">小升初</a>
            <a href="javascript:;">五牌一图</a>
            <a href="javascript:;">封面设计</a>
            <a href="javascript:;">七一讲话展板</a>
            <a href="javascript:;">七夕活动海报</a>
            <a href="javascript:;">学校主题文化墙</a>
            <a href="javascript:;">啤酒节海报</a>
            <a href="javascript:;">幼儿成长档案</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content4">
        <a href="javascript:;">电视背景墙</a>
        <a href="javascript:;">3d背景墙</a>
        <a href="javascript:;">彩雕艺术背景墙</a>
        <a href="javascript:;">玄关背景墙</a>
        <a href="javascript:;">装饰画</a>
        <a href="javascript:;">欧式风格背景墙</a>
        <a href="javascript:;">石材背景墙雕刻</a>
        <a href="javascript:;">客厅电视背景墙</a>
        <a href="javascript:;">过道背景墙</a>
        <a href="javascript:;">形象墙造型</a>
        <a href="javascript:;">3D玉石背景墙</a>
        <a href="javascript:;">国华聚宝盆山水画</a>
        <a href="javascript:;">浮雕灰度图</a>
        <a href="javascript:;">中式电视背景墙</a>
        <a href="javascript:;">无框画</a>
        <a href="javascript:;">爱美女性网</a>
        <a href="javascript:;">图片素材网</a>
        <a href="javascript:;">更多>></a>
    </div>
        <div class="cooperative-partner-content cooperative-content5">
            <a href="javascript:;">工作汇报PPT</a>
            <a href="javascript:;">党课PPT</a>
            <a href="javascript:;">欧美PPT</a>
            <a href="javascript:;">面试自我介绍ppt</a>
            <a href="javascript:;">党建PPT</a>
            <a href="javascript:;">个人简历PPT</a>
            <a href="javascript:;">同学会PPT怀旧模板</a>
            <a href="javascript:;">公司简介PPT模板</a>
            <a href="javascript:;">医学PPT</a>
            <a href="javascript:;">商业计划书PPT</a>
            <a href="javascript:;">中国风ppt模板</a>
            <a href="javascript:;">路演PPT</a>
            <a href="javascript:;">红色商务ppt模板</a>
            <a href="javascript:;">内部竞聘ppt</a>
            <a href="javascript:;">不忘初心继续前进PPT</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content6">
            <a href="javascript:;">淘宝店招</a>
            <a href="javascript:;">淘宝主图</a>
            <a href="javascript:;">淘宝详情页</a>
            <a href="javascript:;">淘宝水印</a>
            <a href="javascript:;">淘宝轮播</a>
            <a href="javascript:;">售后服务卡</a>
            <a href="javascript:;">淘宝授权书</a>
            <a href="javascript:;">淘宝宝贝素材背景</a>
            <a href="javascript:;">淘宝店铺招牌</a>
            <a href="javascript:;">淘宝店铺公告栏 模板</a>
            <a href="javascript:;">淘宝装修</a>
            <a href="javascript:;">手机店招</a>
            <a href="javascript:;">优惠券</a>
            <a href="javascript:;">淘宝店页头</a>
            <a href="javascript:;">宝贝详情页设计</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content7">
            <a href="javascript:;">会声会影</a>
            <a href="javascript:;">电子相册模板</a>
            <a href="javascript:;">视频片头</a>
            <a href="javascript:;">电影片头</a>
            <a href="javascript:;">edius片头模板</a>
            <a href="javascript:;">倒计时声音视频</a>
            <a href="javascript:;">搞笑视频</a>
            <a href="javascript:;">同学聚会视频片头</a>
            <a href="javascript:;">全息投影</a>
            <a href="javascript:;">视频特效</a>
            <a href="javascript:;">婚纱照电子相册</a>
            <a href="javascript:;">LED视频素材</a>
            <a href="javascript:;">凤凰粒子</a>
            <a href="javascript:;">古书ae</a>
            <a href="javascript:;">生日视频</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content8">
            <a href="javascript:;">报价单表格模板</a>
            <a href="javascript:;">同学聚会纪念册模板</a>
            <a href="javascript:;">对账单</a>
            <a href="javascript:;">聘任书</a>
            <a href="javascript:;">库存表</a>
            <a href="javascript:;">喜报模板</a>
            <a href="javascript:;">检测报告</a>
            <a href="javascript:;">价目表模板</a>
            <a href="javascript:;">word封面模板</a>
            <a href="javascript:;">党务公开栏</a>
            <a href="javascript:;">录取通知书模板</a>
            <a href="javascript:;">字幕条</a>
            <a href="javascript:;">信纸word</a>
            <a href="javascript:;">酒水单模板</a>
            <a href="javascript:;">怀旧20年同学聚会</a>
            <a href="javascript:;">更多>></a>
        </div>
        <div class="cooperative-partner-content cooperative-content9">
            <a href="javascript:;">两学一做PPT</a>
            <a href="javascript:;">母亲节手抄报</a>
            <a href="javascript:;">母亲节图片大全</a>
            <a href="javascript:;">母亲节贺卡</a>
            <a href="javascript:;">六一儿童节贺卡</a>
            <a href="javascript:;">六一儿童节手抄报</a>
            <a href="javascript:;">六一儿童节图片</a>
            <a href="javascript:;">五一促销海报</a>
            <a href="javascript:;">五一图片</a>
            <a href="javascript:;">安全生产月图片</a>
            <a href="javascript:;">父亲节贺卡</a>
            <a href="javascript:;">两学一做展板</a>
            <a href="javascript:;">创意海报</a>
            <a href="javascript:;">读书卡</a>
            <a href="javascript:;">答辩ppt模板</a>
            <a href="javascript:;">KTV壁纸</a>
            <a href="javascript:;">父亲节手抄报</a>
            <a href="javascript:;">父亲节图片</a>
            <a href="javascript:;">父亲节海报</a>
            <a href="javascript:;">别墅CAD图纸</a>
            <a href="javascript:;">样机</a>
            <a href="javascript:;">企业办公服务</a>
            <a href="javascript:;">颁奖晚会</a>
            <a href="javascript:;">总结计划PPT</a>
            <a href="javascript:;">商务通用PPT</a>
            <a href="javascript:;">精品海报</a>
            <a href="javascript:;">淘宝年货节</a>
            <a href="javascript:;">猴年设计模板</a>
            <a href="javascript:;">动态视频素材</a>
            <a href="javascript:;">婚礼视频素材</a>
            <a href="javascript:;">企业年会宣传</a>
            <a href="javascript:;">3D电视背景墙</a>
            <a href="javascript:;">2016年两会展板</a>
            <a href="javascript:;">实拍视频素材</a>
            <a href="javascript:;">淘宝春季模板</a>
            <a href="javascript:;">企业宣传片</a>
            <a href="javascript:;">创意招聘海报</a>
            <a href="javascript:;">个人简历</a>
            <a href="javascript:;">淘宝店铺装修素材</a>
            <a href="javascript:;">简约电视背景墙</a>
            <a href="javascript:;">更多>></a>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footer-box">
        <div class="footer-safeimg"></div>
        <div class="trading-platform">
            <span class="trading-platform-title">
                专注正版设计作品交易平台
            </span>
            <p>我图网为1900万位老板，设计师，白领，老师，<br>行政后勤，管理人员等提高工作效率</p>
            <div class="trading-platform-service">
                在线客服 : <span></span>免费热线:400-600-8526
            </div>
        </div>
        <div class="customer-guide">
            <span class="customer-guide-title">客户指南</span>
            <ul>
                <li>关于我们</li>
                <li>版权声明</li>
                <li>投诉举报</li>
                <li>联系我们</li>
            </ul>
            <ul>
                <li>售后服务</li>
                <li>出售作品</li>
                <li>网站导航</li>
                <li>图片下载</li>
            </ul>
        </div>
        <div class="safety-system">
            <span>安全认证</span>
            <span></span>
            <span></span>
        </div>
    </div>
</div>
<div class="copy-right">
    <div class="copy-right-box">
        <p>
Copyright ? 2008-2014我图网沪ICP备08009396号 用时：0.0084 0.452秒<br>若您发现您的权利被侵害，请发起知识产权投诉。tousu@ooopic.com </p>
        <span><img src="./images/dianziyingyekuaizhao2.png" alt="">上海工商</span>
    </div>
</div>
<!--页面遮罩层-->
<div class="body-mask"></div>
<!--注册框-->
<div class="modal-register">
    <div class="close-register"></div>
    <div class="modal-logo">
        <img src="./images/fixed-logo.png" alt="">
    </div>
    <div class="modal-register-web">
        <div class="modal-register-web-title">
            <span></span>
            <span>站内注册</span>
            <span></span>
        </div>
        <form id="registerForm" action="#" method="#">
            <input type="name" name="name" placeholder="手机或邮箱" required pattern="1(3|5|7|8)\d{9}||[A-z\d\.]+@([A-z\d\-]+\.)+([A-z]+\.)?[A-z\u4E00-\u9FFF]+">
            <input type="password" name="password1" placeholder="密码必须包含数字和字母，至少8位" required pattern="[A-z0-9]{8,}">
            <input type="password" placeholder="确认密码" name="password2" required pattern="[A-z0-9]{8,}">
            <input type="checkbox" id="agree" checked> <label for="agree">同意《注册须知》 《版权声明》</label>
            <input type="submit" value="注册" name="register">
        </form>
        <span class="miss-password">忘记密码？</span>
        <span class="account-number">已有账号？<span class="toLogin">立即登录</span></span>
    </div>
    <div class="modal-register-other">
        <div class="modal-register-other-title">
            <span></span>
            <span>第三方登录</span>
            <span></span>
        </div>
        <div class="modal-register-other-img"></div>
    </div>
</div>
<!--登录框-->
<div class="modal-login">
    <div class="close-login"></div>
    <div class="modal-logo">
        <img src="./images/fixed-logo.png" alt="">
    </div>
    <div class="modal-login-web">
        <div class="modal-login-web-title">
            <span></span>
            <span>我图网账号登录</span>
            <span></span>
        </div>
        <form id="loginForm" action="#" method="#">
            <input type="name" name="name" placeholder="手机/邮箱/用户名/企业名" required pattern="1(3|5|7|8)\d{9}||[A-z\d\.]+@([A-z\d\-]+\.)+([A-z]+\.)?[A-z\u4E00-\u9FFF]+">
            <input type="password" name="password" placeholder="输入密码" required pattern="[A-z0-9]{8,}">
            <input type="submit" value="登录" name="login">
        </form>
        <span class="miss-password">忘记密码？</span>
        <span class="account-number">没有账号？<span class="toRegister">立即注册</span></span>
    </div>
    <div class="modal-login-other">
        <div class="modal-login-other-title">
            <span></span>
            <span>第三方登录</span>
            <span></span>
        </div>
        <div class="modal-login-other-img"></div>
    </div>
</div>
<!--客服-->
<div class="custom-service">
    <div class="aside-qq"></div>
    <div class="aside-weixin">
        <span></span>
    </div>
    <div class="aside-suggestion"></div>
    <div class="aside-goTop"></div>
</div>
<!--固定导航栏-->
<div class="fixed-navbar">
    <div class="fixed-navbar-box">
        <img src="./images/fixed-logo.png" alt="">
        <div class="fixed-navbar-search">
            <input type="text" placeholder="请输入标题、关键字、编号搜索">
            <a class="fixed-search-icon" href="javascript:;"></a>
            <div class="fixed-search-list">
                <div class="fixed-search-history">
                    <span>历史搜索</span>
                    <div class="fixed-search-button">
                        <button>鸡年</button>
                        <button>十八届六中全会</button>
                    </div>
                </div>
                <div class="fixed-search-suggest">
                    <span>大家都在搜</span>
                    <ul class="red-box clearfix">
                        <li class="one-box">1</li>
                        <li class="two-box"><a href="javascript">双11</a></li>
                        <li class="three-box">18645结果</li>
                    </ul>
                    <ul class="red-box clearfix">
                        <li class="one-box">2</li>
                        <li class="two-box"><a href="javascript">2017年日历</a></li>
                        <li class="three-box">2066结果</li>
                    </ul>
                    <ul class="red-box clearfix">
                        <li class="one-box">3</li>
                        <li class="two-box"><a href="javascript">十八届六中全会</a></li>
                        <li class="three-box">1021结果</li>
                    </ul>
                    <ul class="default-box clearfix">
                        <li class="one-box">4</li>
                        <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                        <li class="three-box">749结果</li>
                    </ul>
                    <ul class="default-box clearfix">
                        <li class="one-box">5</li>
                        <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                        <li class="three-box">749结果</li>
                    </ul>
                    <ul class="default-box clearfix">
                        <li class="one-box">6</li>
                        <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                        <li class="three-box">749结果</li>
                    </ul>
                    <ul class="default-box clearfix">
                        <li class="one-box">7</li>
                        <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                        <li class="three-box">749结果</li>
                    </ul>
                    <ul class="default-box clearfix">
                        <li class="one-box">8</li>
                        <li class="two-box"><a href="javascript">长征胜利八十周年</a></li>
                        <li class="three-box">749结果</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>






































